/* You can add global styles to this file, and also import other style files */
@import './scss/brower';

@import '~font-awesome/css/font-awesome.css';
@import './scss/colors.scss';

body{min-width: 1200px;}
@media screen and (max-width: 768px) { 
    body{min-width: auto;}
}
.ant-layout-header { padding: 0;};


.ant-table-fixed{
    table-layout: fixed;
    td{
        white-space: pre-wrap;
        word-break: break-all;
    }
}
.icons-list {
    background: {
        color: rgb(34, 105,209)
    }
}

.panel{
    background: #fff;
    border-radius:8px;
    padding:20px 30px;
    .panel-head{
        font-size: 22px;
        color:rgba(51,51,51,1);
        height: 24px;
        line-height: 24px;
        border-left:3px solid $primary-color;
        padding-left:25px;
    }
    .panel-body{
        padding:15px 0;
    }
}

.ant-tree{
    display:flex;
    flex-wrap: wrap;
    align-content:stretch;
    justify-content:space-between;
    >nz-tree-node{
        width:49%;
        background: #f9f9f9;
        margin-bottom:25px;
        >li>span{
            font-size:16px;
            color:#000;
        }
    }
}

.model-header{
    border-top-right-radius: $radius-size;
    border-top-left-radius: $radius-size;
    
    .header-head{
        border-bottom: $border-line;
        border-top-right-radius: $radius-size;
        border-top-left-radius: $radius-size;
        background: $bg-color;
        line-height: 71px;
        
        .head-bark{
            cursor:pointer;
            text-align: center;
            font-size: $f-size;
            padding: 0 32px;
            i{
                color: $span-color; 
                border-right: $border-line; 
                font-size: $f-size + 3;
                padding-right: 32px;
            };
        };
        h3{
            color: $title-color; 
            padding-left: 24px;
        };
    };
    .model-body{
        background: $bg-color;
        margin: 10px 20px;
        padding: 20px;
        .account-table , .body-totel , .body-top{
            padding: 20px 29px;
        };
        .from-footer{
            button{margin-right: 5px};
        }
        .model-btn{
            padding:3px 10px;
            button{margin: 0 5px;};
        }
    };
};
.ant-layout{
    background: #f4f8fb;
}
.ant-menu-submenu-inline{
    .ant-menu-submenu-title{
        .ant-menu-submenu-arrow{
            left: 16px;
            right:auto;
        margin-top: -4.5px;
            &:before{
                transform: none;
                width: 0px;
                height: 0px;
                border-color: transparent;
                border-top-width: 5px;
                border-left-width: 6px;
                border-bottom-width: 5px;
                border-left-color: #333;
                border-style: solid;
                border-radius:3px;
            }
            &:after{
                display: none;
            }
        }
    }
    &.ant-menu-submenu-open{
        .ant-menu-submenu-title{
            .ant-menu-submenu-arrow{
                &:before{
                    transform: rotateZ(90deg) translate(3px,2px);
                    border-left-color: #3171B7;
                }
                &:after{
                    display: none;
                }
            }
        }
    }
    &.ant-menu-submenu-disabled.ant-menu-submenu-open{
        cursor: default;
        >.ant-menu-submenu-title{
            cursor: default;
            color: #3171B7 !important;
            >.ant-menu-submenu-arrow{
                &:before{
                    background: none !important;
                }
            }
        }
    }
}
nz-table.ant-table-wrapper.medical-table{
    background:#fff;
    border-radius: 10px;
    .ant-table{
        &.ant-table-small{
            border: none;
            >.ant-table-content{
                >.ant-table-body{
                    margin:0;
                }
                .ant-table-thead{
                    >tr{
                        >th{
                            padding:16px 8px;
                            border-bottom: none;
                        }
                    }
                }
            }
        }
    }
    .ant-table-body{
        border-radius:10px;
    }
    .ant-table-tbody{
        >tr{
            cursor: pointer;
            >td{
                border-bottom:none;
                span.checkbox{
                    width: 16px;
                    height: 16px;
                    border: 1px solid #eee;
                    border-radius:4px;
                    background: #fff;
                    display: block;
                    font-size: 12px;
                    text-align: center;
                    line-height: 12px;
                    font-weight: bold;
                    i{
                        display: none;
                    }
                    &.active{
                        border-color: #3171B7;
                        background: #3171B7;
                        i{
                            display: inline;
                        }
                    }
                }
            }
            &:nth-child(odd){
                td{
                    background: #f4f8fb;
                }
            }
            &:hover{
                td{
                    background: #e6f7ff;
                }
            }
            &.selectedRow{
                td{
                    background: #3974b4;
                    color:#fff;
                    a{
                        color:#fff;
                    }
                }
            }
        }
    }
    .ant-table-thead{
        >tr{
            >th{
                background: #fff;
                border-bottom:none;
                border-radius: 5px;
                font-weight: bold;
            }
        }
    }
    .ant-table-pagination.ant-pagination{
        float: none;
        margin: 16px 0;
        display: block;
        width: 100%;
        text-align: center;
    }
}

.pannel{
    padding:20px 20px 0 20px;
    background:#fff;
    border-radius: 10px;
    margin-top: 10px;
    .pannel-head{
        font-size: 16px;
        height: 18px;
        line-height: 18px;
        border-left: 2px solid #3171B7;
        margin-bottom:20px;
        padding-left:10px;
        font-weight: bold;
        color:#333;
    }
    .pannel-body{
        div[nz-col]{
            font-size: 14px;
            color: #333;
            padding-bottom:20px;
            label{
                color: #999999;
                font-size: 14px;
            }
        }
        nz-table{
            padding-bottom:20px;
        }
    }
}